.message-card {
  margin-bottom: $uni-spacing-sm;
}

.card-header {
  padding: $uni-spacing-sm $uni-spacing-base;
  background-color: $uni-bg-color;
  border-bottom: 1rpx solid #f0f2f5;
}

.card-title {
  font-size: $uni-font-size-xl;
  font-weight: bold;
  color: $uni-text-color;
  margin-bottom: $uni-spacing-xs;
}

.card-subtitle {
  font-size: $uni-font-size-sm;
  color: $uni-text-color-secondary;
}

.card-content {
  padding: $uni-spacing-sm $uni-spacing-base;
}

.content-item {
  margin-bottom: $uni-spacing-sm;
  align-items: center;
}

.content-item:last-child {
  margin-bottom: 0;
}

.item-label {
  width: 180rpx;
  font-size: $uni-font-size-sm;
  color: $uni-text-color-placeholder;
}

.item-value {
  flex: 1;
  font-size: $uni-font-size-sm;
  color: $uni-text-color;
  line-height: 1.5;
}

.card-footer {
  padding: $uni-spacing-sm $uni-spacing-base;
  background-color: $uni-bg-color;
  border-top: 1rpx solid #f0f2f5;
}

.footer-text {
  font-size: $uni-font-size-sm;
  color: $uni-text-color-secondary;
}

.btn-common {
  padding: 10rpx 20rpx;
  font-size: $uni-font-size-sm;
}
